<template>
  <el-descriptions class="margin-top" title="个人基本信息" :column="1" border>
    <template slot="extra">
      <el-button type="primary" size="medium" @click="goChange()">修改个人信息</el-button>
    </template>
    <el-descriptions-item>
      <template slot="label">
        <i class="el-icon-user"></i>
        用户名
      </template>
      {{adminInfo.adminName}}
    </el-descriptions-item>
    <el-descriptions-item>
      <template slot="label">
        <i class="el-icon-mobile-phone"></i>
        手机号
      </template>
      {{adminInfo.adminPhone}}
    </el-descriptions-item>
    <el-descriptions-item>
      <template slot="label">
        <i class="el-icon-location-outline"></i>
        所在科室
      </template>
      {{adminInfo.adminDepartment}}
    </el-descriptions-item>
    <el-descriptions-item>
      <template slot="label">
        <i class="el-icon-tickets"></i>
        毕业院校
      </template>
      <el-tag size="small">{{adminInfo.adminGraduate}}</el-tag>
    </el-descriptions-item>
    <el-descriptions-item>
      <template slot="label">
        <i class="el-icon-location-outline"></i>
        籍贯
      </template>
      {{adminInfo.adminNative}}
    </el-descriptions-item>
    <el-descriptions-item>
      <template slot="label">
        <i class="el-icon-office-building"></i>
        联系地址
      </template>
      {{adminInfo.adminAddress}}
    </el-descriptions-item>
  </el-descriptions>
</template>

<script>
export default {
  name: "AdminInfo",
  data(){
    return{
      adminInfo:{
        adminName:'管理员真实名字',
        adminPhone:'1112223333',
        adminDepartment:'肝脏外科',
        adminGraduate:'首都医科大学',
        adminNative:'籍贯',
        adminAddress:'贵州省贵阳市花溪区党武镇'
      }
    }
  },
  methods:{
    goChange(){
      this.$emit("status",'AdminChange')
    },
  }
}
</script>
